<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Firefox的Linear Gradients (线性渐变)的简单演示</title>
<style type="text/css">
body{ color:#FFF}
div{ padding:10px}
h1{ color:#333333}
</style>
</head>

<body><h1>Firefox的Linear Gradients (线性渐变)的简单演示</h1>
<div style="background-image:-moz-linear-gradient(right, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(right, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(right center , #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(180deg, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(180deg, #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(left, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(left, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(left center , #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(0deg, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(0deg, #999999, #333333);</div>background-image:-moz-linear-gradient(360deg, #999999, #333333);<hr />
<div style="background-image:-moz-linear-gradient(top, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(top, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(center top , #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(270deg, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(-90deg, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(270deg, #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(bottom, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(bottom, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(center bottom, #999999, #333333);</div><hr />
<div style="background-image:-moz-linear-gradient(90deg, #999999, #333333);  height:100px">background-image:-moz-linear-gradient(90deg, #999999, #333333);<br />或<br />
background-image:-moz-linear-gradient(-270deg, #999999, #333333);</div><hr />
</body>
</html>
